// Separate transitions to be able to disable them in unit tests by omitting this file.
@import '../core/style/variables';

.mat-sidenav-transition {
  .mat-sidenav {
    transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
  }

  .mat-sidenav-content {
    transition: {
      duration: $swift-ease-out-duration;
      timing-function: $swift-ease-out-timing-function;
      property: transform, margin-left, margin-right;
    }
  }

  .mat-sidenav-backdrop.mat-sidenav-shown {
    transition: background-color $swift-ease-out-duration $swift-ease-out-timing-function;
  }
}
